import React from 'react';

function FuncyBorder(props){
  return(
    <div className={props.color}>
      {props.children}
    </div>
  )
}

function Dailog(props){
  return(
    <FuncyBorder color="blue">
      <h1>{props.title}</h1> 
      <p>{props.message}</p>
    </FuncyBorder>
 )
}


function WelcomeDialog(){
  return (
    <Dailog 
    title="Welcome"
    message="Think you visiting our specating!"
    />
  )
}


function App(){
  return(
     <WelcomeDialog />
  )
}

export default App;
